<template>
  <div class="page">
    <el-form-item label="菜单图标:">
      <el-input v-model="model.icon" :readonly="disableSubmit" placeholder="请选择图标">
        <el-button slot="append" icon="el-icon-s-tools" :disabled="disableSubmit" @click="showIcon=true" />
      </el-input>
    </el-form-item>
    <icons :visible="showIcon" @close="close" />
  </div>
</template>

<script>
import Icons from './components/icons'
export default {
  components: {
    Icons
  },
  mixins: [],
  props: {},
  data() {
    return {
      showIcon: false,
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    // 菜单图标
    close(i) {
      this.showIcon = false
      if (i) {
        this.model.icon = i
      }
    },
  }
}
</script>

<style lang="scss" scoped>
.page{
  position: relative;
  .back{
    position: absolute;
    top: -22px;
    right: 2px;
    display: flex;
    align-items: center;
    color: var(--subjectColor);
    .el-icon-back{
      margin-right: 5px;
    }
  }
}
</style>

